<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Title</title>
    <link rel="stylesheet"href="../CSS/firstcss.css" type="text/css">
    <script type="text/javascript" src="../JS/firstJs.js"></script>
</head>
<body>

<div class="Outermost">
    <img id="img-biggest"  src="../img-liJiajian/1.png">

    <div id="text">
        文本框：我们是全栈.............<br>
        ..............................................<br>
        ..............................................<br>
    </div>

    <div id="ChangeLeft">                       <!--图片右切换按钮-->
        <img src="../img-liJiajian/左.png">
    </div>

    <div id="ChangeRight">                       <!--图片左切换按钮-->
        <img src="../img-liJiajian/右.png">
    </div>

    <div class="Dot">
        <input type="radio" class="BitDot" name="bit" onclick="PictureSwitching(1)" >
        <input type="radio" class="BitDot" name="bit" onclick="PictureSwitching(2)">
        <input type="radio" class="BitDot" name="bit" onclick="PictureSwitching(3)">
        <input type="radio" class="BitDot" name="bit" onclick="PictureSwitching(4)">
        <input type="radio" class="BitDot" name="bit" onclick="PictureSwitching(5)">
    </div>

</div>




<script language="JavaScript">

//  点击左切换按钮
ChangeLeft.onmousedown =function() {
    clearInterval(go);
    PreviouSwitching();
    // ↓↓按完切换键5秒后自动轮播
    ChangeLeft.onmouseup=function() {
        clearInterval(go);
        setTimeout('loop()',4500);}
}

//点击右切换按钮
ChangeRight.onmousedown =function() {
    clearInterval(go);
    NextSwitching();
    // ↓↓按完切换键5秒后自动轮播
    ChangeRight.onmouseup=function() {
        clearInterval(go);
        setTimeout('loop()',4500);}
}
</script>


</body>
</html>